<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ajax状态码</title>
  </head>

  <body>

  </body>
  <script>
    let xhr = new XMLHttpRequest();
    //0：ajax对象已经创建，但是没有对ajax对象进行配置
    console.log(xhr.readyState);
    xhr.open('get', 'http://127.0.0.1:3000/getReadyState');
    // 1：已经对ajax对象进行配置，但是还没有发送请求
    console.log(xhr.readyState);
    xhr.onreadystatechange = function () {
      // 2：请求已经发送了
      // 3:已经接受了响应数据的部分数据了
      // 4:服务器端的响应数据已经全部接受完成 
      console.log(xhr.readyState);
      if (xhr.readyState === 4) {
        console.log(xhr.response);
        document.body.innerHTML = "<h1>" + xhr.response + "</h1>"
      }
    }
    xhr.send();
  </script>

</html>